<template lang="html">
		<div class="demo">
			<ul class="yanzhengma_ul_a">
				<li>
					<img class="img_denglu_a" src="../../static/phone.png" alt="">
					<input type="text" name="" value="" placeholder="手机号码">
				</li>
				<li>
					<img class="img_denglu_b" src="../../static/yanzhengma.png" alt="">
					<input type="text" name="" value="" placeholder="输入验证码">
					<button class="huoquyzmBtn" type="button" name="button">获取验证码</button>
				</li>
			</ul>
			<span class="dengluBtn">登录</span>
			<div class="">
				<router-link class="zhuceBtn" to="/zhucepage">立即注册</router-link>
			</div>

			<router-view></router-view>

		</div>

</template>

<script>
	export default{
		data(){
			return{
				result:''
			}
		},
		// created(){
		// 	console.log(this);
		// 	this.axios.get('http://wthrcdn.etouch.cn/weather_mini?city=北京').then(data=>{
		// 		this.result = data.data.data.forecast;
		// 		console.log(this.result);
		// 	})
		// },
		components:{

		}
	}
</script>

<style>
	.img_denglu_a{
		width: 2rem;
		height: 2rem;
		vertical-align: middle;
	}
	.img_denglu_b{
		width: 2rem;
		height: 2rem;
		vertical-align: middle;
	}
	.yanzhengma_ul_a{
		width: 90%;
		padding: 0;
		margin: auto;
		margin-top: 10px;
	}
	.yanzhengma_ul_a>li{
		list-style: none;
		text-align: left;
		width: 100%;
		line-height:3.5rem;
		border-bottom: 1px solid lightgray;
		margin: auto;
	}
	.yanzhengma_ul_a>li>input{
		outline: none;
		border: none;
	}
	.dengluBtn{
		color: white;
		line-height: 2.5rem;
		background: #00b0ec;
		display: inline-block;
		height: 2.5rem;
		width: 90%;
		border-radius: .5rem;
		margin-top: 10px;
	}
	.zhuceBtn{
		display: inline-block;
		color: #ff6d10;
		margin-top: 20px;
		text-decoration: none;
	}
	.huoquyzmBtn{
		border: none;
		color: white;
		background-color: #00b0ec;
		outline: none;
		width: 30%;
		height: 2.5rem;
		line-height: 2.5rem;
		border-radius: .5rem;
		float: right;
		margin-top: 1rem;
	}
</style>
